<template>
	<view class="container">
		<view style="font-size: 42rpx;font-weight: bold;color: #fff;">
			欧宿科技
		</view>
		<view style="font-size: 36rpx;color: #fff;margin: 20rpx 0;">
		 剪辑名称：一键成片+4月9日	
		</view>
		<view style="font-size: 28rpx;color: #fff;margin-bottom: 20rpx;">
			剪辑方式：一键快速成片
		</view>
		<view class="qrcode">
			<uqrcode ref="uqrcode" canvas-id="qrcode" :value="qrcodeValue" size="150"
				></uqrcode>
			<view style="color: #666;font-size: 12px;width: 160px;margin-top: 20rpx;">
               扫描二维码就可以发布已生成的全部爆款视频，扫一次二维码发一个视频不会重复~
			</view>
		</view>
		<view style="width:100%;display: flex;justify-content: space-around;margin-top: 30rpx;color: #fff;font-size: 26rpx">
			<text>1、打开Dou音APP</text>
			<text>2、打开扫一扫</text>
			<text>3、扫码发布即可</text>
		</view>
		
		<view class="down" @click="downHandle">
			下载保存
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				qrcodeValue: "snssdk1128://openplatform/share?share_type=h5&client_key=aweg7m29av2o2ttt&timestamp=1713315516&nonce_str=9f4ce3d02749457a96fda9bfe37a1635&signature=cb11676a1ff87e3a0f0f939486444eb6&share_to_publish=1&title=%E8%BF%99%E6%98%AF%E8%A7%86%E9%A2%91&video_path=https%3A%2F%2Fjz-cnsiot.oss-cn-shanghai.aliyuncs.com%2Fmojian%2F77bd2cf9895d4192a2989f08467574f0.mp4&hashtag_list=%5B%22%E4%BA%B2%E5%AD%90%E6%95%99%E8%82%B2%22%2C%22%E4%B8%89%E5%AD%97%E7%BB%8F%22%5D"
			};
		},

		onLoad(options) {
          if(options.jobId!=undefined){
			  
		  }
		},
		methods: {
        downHandle(){
			this.$refs.uqrcode.save({
			  success: () => {
			    uni.showToast({
			      icon: 'success',
			      title: '保存成功'
			    });
			  }
			});
		}
		}
	}
</script>

<style scoped lang="scss">
	page {
		height: 100vh;
		width: 100vw;
		background-color: #f1f1f1;
	}

	.container {
		min-height: 900rpx;
		width: 90vw;
		background-size: cover;
		background-image: url('https://jz-cnsiot.oss-cn-shanghai.aliyuncs.com/mojian/2024/3/21/1711006123961ed7aa87f84224969b18a90325edf048b.png');
         margin-left: 5vw;
		 margin-top: 30rpx;
	      display: flex;
		  flex-direction: column;
		  align-items: center;
		  justify-content: center;
		  border-radius: 20rpx;
	}
	.qrcode{
		
		background: #fff;
		width: 190px;
		height: 230px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		border-radius: 20rpx;
	}
	.down{
		position: fixed;
		bottom: 20rpx;
		width: 90%;
		height: 90rpx;
		line-height: 90rpx;
		background: #00008B;
		color: #fff;
		font-size: 32rpx;
		border-radius: 45rpx;
		text-align: center;
		
	}
</style>